<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>商品评价</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/wx-iconfont.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/sppj/sppj-info"],
            cb: function (o) {

                // 不影响初始页面的js, 可以延迟引入
                require(['wx-iconfont'], $.noop);

                app.requireCss(['icons-extra'], doc);
            }
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .mui-content {
            padding: 0;
        }

        label,p,li{
            font-size: 14px !important;
        }
    </style>

</head>

<body>
<!--list-->
<div id="content" class="mui-content wf-user-add jxs-add wf-listGoods wf-yshb wf-sppj">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <!--商品列表-->
            <div class="mui-card">
                <div class="mui-card-content">
                    <div class="mui-card-content-inner">
                        <div class="mui-row">
                            <div class="ef-leftBox">
                                <img :src="item.GWAM015 | goodsImgsUtils"/>
                            </div>
                            <div class="ef-rightBox">
                                <p>序列号: {{item.GWCS019}}</p>
                                <p>客户名称: {{item.GWAKL003}}</p>
                                <p>地址: {{item.GWCS020}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <ul class="mui-table-view flexList">
                <template v-for="pj in d.pj">
                    <li class="mui-table-view-cell">
                        {{pj.MMRJL004}}
                        <span class="icons ri">
					<i @tap.stop="pjChange(pj, 1)" data-index="1"
                       :class="'mui-icon '+ (pj.count>=1?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 2)" data-index="2"
                       :class="'mui-icon '+ (pj.count>=2?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 3)" data-index="3"
                       :class="'mui-icon '+ (pj.count>=3?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 4)" data-index="4"
                       :class="'mui-icon '+ (pj.count>=4?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 5)" data-index="5"
                       :class="'mui-icon '+ (pj.count>=5?'mui-icon-star-filled':'mui-icon-star')"></i>
				</span>
                    </li>
                </template>
                <!--<li class="mui-table-view-cell">-->
                <!--<p>评价指标1</p>-->
                <!--<div class="icons mui-inline" style="margin-left: 6px;">-->
                <!--<i data-index="1" class="mui-icon mui-icon-star"></i>-->
                <!--<i data-index="2" class="mui-icon mui-icon-star"></i>-->
                <!--<i data-index="3" class="mui-icon mui-icon-star"></i>-->
                <!--<i data-index="4" class="mui-icon mui-icon-star"></i>-->
                <!--<i data-index="5" class="mui-icon mui-icon-star"></i>-->
                <!--</div>-->
                <!--</li>-->

            </ul>

            <form class="mui-input-group" style="margin-top: 10px;margin-bottom: 55px;">
                <div class="mui-input-row wf-imageUpdates" style="padding-top: 10px;">
                    <label style="margin-top: 10px;">照片</label>
                    <div class="wf-imageUpdate">
                        <div class="tackPoto">
                            <div class="div-autoline-boxDiv">
                                <template v-for="(img,inx) in imgs">
                                    <div class="div-autoline-parent">
                                        <div class="child">
                                            <i @tap.stop="delimg(inx)" class="mui-icon mui-icon-closeempty posIcon"></i>
                                            <img :src="img.img">
                                        </div>
                                    </div>
                                </template>
                                <div v-show="imgs.length<9" @tap.stop="addImgs" class="div-autoline-parent">
                                    <div class="child start"><i class="icon iconfont icon-05" v-model="d.GWCW007"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="mui-input-row wf-imageUpdates">
                    <label>反馈 :</label>
                    <textarea v-model="d.GWCW006" placeholder="请输入其他建议或评价"></textarea>
                </div>
                <div class="mui-input-row mui-checkbox mui-left" style="line-height: 30px;">
                    <label style="padding-top: 7px;">匿名评价</label>
                    <input style="left: 15px;" v-model="d.GWCW008" name="checkbox" value="Item 1" type="checkbox">
                </div>
            </form>
        </div>
    </div>
    <div class="navbar-mui">
        <button type="button" @tap.stop="submit"
                class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined wf-pulic-bg">提交
        </button>
    </div>
</div>

</body>

</html>